.wrapper {

  display        : flex;
  width          : 100%;
  height         : 500px;
  align-items    : center;
  justify-content: center;
  text-align     : center;

  p {
    display            : inline-block;
    text-transform     : uppercase;
    text-align         : center;
    font-size          : 4em;
    font-family        : arial;
    font-weight        : 600;
    transform          : scale(.5);
    color              : #121212;
    -webkit-text-stroke: 2px gray;
    animation          : hover 1s linear infinite;

    &:nth-child(1) {
      animation-delay: 0s;
    }

    &:nth-child(2) {
      animation-delay: .125s;
    }

    &:nth-child(3) {
      animation-delay: .25s;
    }

    &:nth-child(4) {
      animation-delay: .375s;
    }

    &:nth-child(5) {
      animation-delay: .5s;
    }

    &:nth-child(6) {
      animation-delay: .675s;
    }

    &:nth-child(7) {
      animation-delay: .75s;
    }

    &:nth-child(8) {
      animation-delay: .8s;
    }


  }

  @keyframes hover {
    0% {
      transform          : scale(.5);
      color              : #121212;
      -webkit-text-stroke: 2px gray;
    }

    20% {
      transform          : scale(1);
      color              : pink;
      -webkit-text-stroke: 3px red;
      filter             :
        drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 3px red) drop-shadow(0 0 5px red) hue-rotate(10turn);
    }

    50% {
      transform          : scale(.5);
      color              : #121212;
      -webkit-text-stroke: 2px gray;
    }


  }
}